<template>
  <div class="crumb">
    <span v-for="(item, index) in navs" :key="index">
      <span :style="{ color: index == navs.length - 1 ? '#333333' : '#999999' }"
        >{{ item.name }}
      </span>
      <!-- 不显示最后一个 -->
      <i v-show="index < navs.length - 1">/</i>
    </span>
  </div>
</template>

<script>
export default {
  props: ["navs"],
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.crumb {
  margin: 10px 0;
  i {
    padding: 0 5px;
  }
}
</style>
